<template>
  <div>
    <van-swipe :autoplay="2000" lazy-render>
      <van-swipe-item v-for="image in images" :key="image">
        <img :src="image" />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
let images = ref([
  "https://gss0.baidu.com/7Po3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/6f061d950a7b02081c75b38b60d9f2d3572cc818.jpg",
  "https://gss0.baidu.com/9fo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/241f95cad1c8a78673f0863d6009c93d70cf502f.jpg",
]);
</script>

<style lang="scss" scoped>
div {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  img {
    display: block;
    width: 100%;
    height: 100%;
  }
}
</style>
